<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>按需加载测试</title>
	<link type="text/css" rel="stylesheet" href="../css/style.css" />
	<link type="text/css" rel="stylesheet" href="../js/plugins/artDialog4.1.5/skins/blue.css" />
	<script type="text/javascript" src="../js/jquery/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="../js/plugins/artDialog4.1.5/jquery.artDialog.js"></script>
	<script type="text/javascript" src="../js/plugins/artDialog4.1.5/plugins/iframeTools.source.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$("#test").on('click',function(){
				$.dialog.load('content.html',{
					title: '载入HTML片段',
					lock: true,
					ok: function(){
						$.dialog('hello world');
					}
				}, false);   
			});
		});
	</script>
</head>
<body>
	<button type="button" id="test">测试弹窗</button>
</body>
</html>